<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>!function (e) {
        function t(a) {
            if (i[a]) return i[a].exports;
            var n = i[a] = {exports: {}, id: a, loaded: !1};
            return e[a].call(n.exports, n, n.exports, t), n.loaded = !0, n.exports
        }

        var i = {};
        return t.m = e, t.c = i, t.p = "", t(0)
    }([function (e, t) {
        "use strict";
        Object.defineProperty(t, "__esModule", {value: !0});
        var i = window;
        t["default"] = i.flex = function (normal, e, t) {
            var a = e || 100, n = t || 1, r = i.document, o = navigator.userAgent,
                d = o.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i), l = o.match(/U3\/((\d+|\.){5,})/i),
                c = l && parseInt(l[1].split(".").join(""), 10) >= 80,
                p = navigator.appVersion.match(/(iphone|ipad|ipod)/gi), s = i.devicePixelRatio || 1;
            p || d && d[1] > 534 || c || (s = 1);
            var u = normal ? 1 : 1 / s, m = r.querySelector('meta[name="viewport"]');
            m || (m = r.createElement("meta"), m.setAttribute("name", "viewport"), r.head.appendChild(m)), m.setAttribute("content", "width=device-width,user-scalable=no,initial-scale=" + u + ",maximum-scale=" + u + ",minimum-scale=" + u), r.documentElement.style.fontSize = normal ? "50px" : a / 2 * s * n + "px"
        }, e.exports = t["default"]
    }]);
    flex(false, 100, 1);</script>
    <link rel="stylesheet" href="css/deal.css">
</head>
<body>
<header class="header">
    <div class="header-left">
        <img src="images/icon_market.webp" alt="">
    </div>
    <div class="header-center">
        BTU/USDT
        <img src="images/icon_down.webp" alt="">
    </div>
    <a href="#" class="header-right">
        <img src="images/btn_search.webp" alt="">
    </a>
</header>
<div class="section-feature">
    <div class="inner-left fl clearfix">
            <span class="inner-left-a fl color-f0b pr">
                <span class="pa">智能买入</span>
            </span>
        <span class="inner-left-b fl pr">
                <span class="pa">智能卖出</span>
            </span>
    </div>
    <div class="inner-right fl pr">
        <span class="pa">当前委托</span>
    </div>
</div>
<section class="section-main">
    <div class="inner-top clearfix">
        <div class="inner-top-left fl pr">
            <div class="inner-top-left-a fl pa">
                <div class="inner-top-txt">限价</div>
            </div>
            <div class="inner-top-left-b fl pa">
                <div class="inner-top-txt">市价</div>
            </div>
            <div class="inner-top-left-c pa">
                <img src="images/btn_help.webp" alt="">
            </div>
        </div>
        <div class="inner-top-right fl">
            <span>价格(USDT)</span>
            <span>数量(BTC)</span>
        </div>
    </div>
    <div class="inner-left-price">
        <span>4516.69</span>
        <div id="btnMin">
            -
        </div>
        <div id="btnAdd">
            +
        </div>
    </div>
    <div class="inner-right-price">

    </div>
</section>
</body>
</html>